<template>
  <div>
    <h2>App</h2>

    <One />
    <!-- <Two /> -->
  </div>
</template>

<script>
  // import Two from "@/components/Two";
  import One from "@/components/One";
  export default {
    name: "App",
    data() {
      return {
        count: 1,
      };
    },
    components: {
      One,
    },
    methods: {
      fn1() {
        console.log("祖宗函数执行了");
      },
    },

    //provide可以提供共享的数据
    // 对象写法
    // provide: {
    //   // count:this.count//不能识别this
    //   message: "helloworld",
    // },

    // 函数写法
    // 函数内部就可以使用this
    provide() {
      return {
        count: this.count,
        message: "hello",
        fn1: this.fn1,
      };
    },
  };
</script>

<style></style>
